<!DOCTYPE HTML>

<html>

<head>

    <title>我的朋友圈</title>

    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <link href="css/1_style.css" rel="stylesheet">
    <script src="css/jquery-1.8.3.min.js"></script>
</head>

<body style="margin-left: 50px;">

<!--<header>-->

    <!--<img id="bg" src="picture/1_bg.png">-->

    <!--<p id="user-name" class="data-name"></p>-->

    <!--<img id="avt" class="data-avt" src="">-->

<!--</header>-->

<div id="main" style="width: 375px;float: left;margin-top: 30px;height: 640px;overflow: hidden">
    <!--<div id="share_show">
        <img src="images/share.png" style="width:90%;" />
    </div>-->
    <div style="width: 100%"><img style="width: 375px;position: absolute;;z-index: 10;top: 0" src="picture/top-750.png">
    </div>
    <div id="list">
        <ul>

            <li>

                <div class="po-avt-wrap">

                    <img class="po-avt" src="picture/9_c2.jpg">

                </div>

                <div class="po-cmt">

                    <div class="po-hd">

                        <p class="po-name">woody</p>

                        <div class="post"><span id="con-title">耳乐保3D立体睡眠眼罩遮光包邮透气男女睡觉护眼可爱卡通送耳塞</span>
                            <div>原价：<span id="con-price">14.90</span>&nbsp&nbsp&nbsp&nbsp券后 【<span id="con-now-price">4.90</span>】</div>
                            <img id="goods-pic" src="picture/47_g2.jpg"></div>

                        <p class="time">2分钟前</p><img class="c-icon" src="picture/6_c.png">

                    </div>

                    <div class="r"></div>

                    <div class="cmt-wrap">
                        <div class="cmt-list">
                            <div><span>woody：</span>复制这条信息，￥<span id="con-taokl">dZjbZtP9bxY</span>￥，打开【手机淘宝】即可领券并下单
                                <div>若券已被领完，可以加我：<span id="con-weixin">15874847338</span>领取新券</div>
                            </div>
                        </div>

                    </div>

                </div>

            </li>

            <li>

                <div class="po-avt-wrap">

                    <img class="po-avt" src="picture/8_a2.jpg">

                </div>

                <div class="po-cmt">

                    <div class="po-hd">

                        <p class="po-name">兔萌萌</p>

                        <div class="post"><p>天猫超市限时30元内部券！！！！数量不多速抢！！！满88即可包邮</div>

                        <p class="time">10分钟前</p><img class="c-icon" src="picture/2_c.png">

                    </div>

                    <div class="r"></div>

                    <div class="cmt-wrap">

                        <div class="cmt-list">

                            <p><span class="data-name">左罗小姐</span><span>：</span>我抢到一张啦~</p>

                            <p><span>兔萌萌</span>回复<span class="data-name">左罗小姐</span><span>：</span>这么幸运!!!</p>

                        </div>

                    </div>

                </div>

            </li>

        </ul>
    </div>
</div>

<div style="float: left;margin-left: 100px">
    <div>
        <label>
            <div>商品链接</div>
            <input id="url" type="text"/>
        </label>
    </div>
    <div>
        <label>
            <div>商品图片链接</div>
            <input id="goods_pic" type="text"/>
        </label>
    </div>
    <div>
        <label>
            <div>商品标题</div>
            <input id="title" type="text"/>
        </label>
    </div>
    <div>
        <label>
            <div>商品价格</div>
            <input id="price" type="text"/>
        </label>
    </div>
    <div>
        <label>
            <div>券后价</div>
            <input id="now_price" type="text"/>
        </label>
    </div>

    <div>
        <label>
            <div>淘口令</div>
            <input id="taokl" type="text"/>
        </label>
    </div>
    <div>
        <label>
            <div>微信</div>
            <input id="weixin" type="text"/>
        </label>
    </div>
    <div style="margin-top: 20px;">
        <button id="update">修改</button>
    </div>

</div>


<script>
    $('#update').bind('click' , function () {

        var url = $('#url').val();
        var logo = $('#logo').val();
        var name = $('#name').val();
        var goods_pic = $('#goods_pic').val();
        var title = $('#title').val();
        var price = $('#price').val();
        var now_price = $('#now_price').val();
        var taokl = $('#taokl').val();
        var weixin = $('#weixin').val();

        $('#con-title').text(title);
        $('#con-now-price').text(now_price);
        $('#con-taokl').text(taokl);
        $('#con-weixin').text(weixin);
    });

</script>



<style>body > span {
    display: none;
}</style>

<script>
    $(function () {

        $("#share a").click(function () {
            $("#guide").show();
        });

        $("#guide").click(function () {
            $(this).hide();
        });

    });
</script>

</body>

</html>